page{
	font-size: 28rpx;
	color:##231815;
	background: #f8f8f8;
}
.d-flex {
	display: flex;
	flex-direction: row;
}
.d-flex-column {
	display: flex;
	flex-direction: column;
}
.d-flex-wrap {
	flex-wrap: wrap;
}
.d-flex-item {
	flex: 1;
}
.d-flex-unShrink {
	flex-shrink: 0;
}
.d-flex-between {
	justify-content: space-between;
}
.d-flex-around {
	justify-content: space-around;
}
.d-flex-center {
	justify-content: center;
}
.d-flex-start {
	justify-content: flex-start;
}
.d-flex-end {
	justify-content: flex-end;
}
.d-flex-middle {
	align-items: center;
}
.d-flex-bottom {
	align-items: flex-end;
}
.d-flex-top {
	align-items: flex-start;
}
.d-flex-align {
	align-content: space-between;
}
.d-flex-baseline{
	align-items: baseline;
}
.d-ellipsis-single {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.d-ellipsis-multiple {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.d-flex-btn {
	display: flex;
	align-items: center;
	justify-content: center;
}
.d-img {
	display: block;
	width: 100%;
	height: 100%;
}
.divider {
	display: block;
	width: 100%;
	height: 20rpx;
	background-color: #f6f6f6;
}
.status-bar-height{
	width: 100%;
	height: var(--status-bar-height);
}
::-webkit-scrollbar {
	width: 0;
	height: 0;
	opacity: 0;
	color: transparent;
	visibility: hidden;
}
.overflow{
	overflow: hidden;
}
.shadow-sm {
    box-shadow: 0 2rpx 4rpx rgba(114, 130, 138, 0.2)!important;
}
.shadow {
    box-shadow: 0 8rpx 16rpx rgba(114, 130, 138, 0.2)!important;
}
.shadow-lg {
    box-shadow: 0 16rpx 48rpx rgba(114, 130, 138, 0.2)!important;
}
.baseBtn {width: 100%;height: 80rpx;color: #fff;font-size: 30rpx;border-radius: 40rpx;background-color: #ff992a}
.vhiden{visibility: hidden;}
uni-button:after{border-width: 0!important;}
uni-button[disabled]:not([type]){color: rgba(0,0,0,.3);background-color:#dedede;}
uni-button:focus{outline: none;}
.w100{width: 750rpx;}
image{will-change: transform;width: 100%;vertical-align: bottom}
.rounded{border-radius: 100%;}
.rounded5{border-radius: 5rpx;}
.rounded10{border-radius: 10rpx;}
.rounded15{border-radius: 15rpx;}
.rounded20{border-radius: 20rpx;}
.rounded30{border-radius: 30rpx;}
.rounded40{border-radius: 40rpx;}
.rounded50{border-radius: 50rpx;}
.rounded60{border-radius: 60rpx;}
.position-absolute{ position: absolute; }
.position-fixed{ position: fixed; }
.position-relative{ position: relative; }
.z-index-1{z-index: 1;}
.z-index-10{z-index:10}
.z-index-100{z-index:100}
.left-0{ left: 0; }
.top-0{ top: 0; }
.bottom-0{ bottom: 0; }
.right-0{ right: 0; }
.w-100{width: 100%;}
.w-8{width: 80rpx;}
.w-10{width: 100rpx;}
.w-15{width: 150rpx;}
.h-100{height: 100%;}
.h-10{height: 100rpx;}
.line-height0{line-height: 0;}
.line-height30{line-height: 30rpx;}
.line-height40{line-height: 40rpx;}
.line-height50{line-height: 50rpx;}
.main-color{color: #f064cf}
.green-color{color: #27BF91}
.red-color{color: #DB180E}
.sex-color{color:#f52051}
.orange-color{color:#fb5a52}
.colorfff{color:#fff}
.colorblack{color:#231816}
.color000{color:#000}
.color333{color:#333}
.color999{color: #999;}
.color888{color:#888}
.color666{color: #666;}
.color4a{color:#4a4a4a}
.colore5{color:#e5e5e5}
.colorddd{color:#ddd}
.colorccc{color:#ccc}
.colorblue{color:#6ed2f4}
.colorlan{color:#43abe5}
.colornan{color:#44C6FE}
.colorf00{color: #ff0000;}
.colorsuccess{ color:#28a745}
.colorhold{color:#bfbfbf}
.color71{color: #717171;}
.colora2{color: #a2a2a2;}
.color6d{color: #6d6d6d;}
.font20{font-size: 20rpx;}
.font22{font-size: 22rpx;}
.font24{font-size: 24rpx;}
.font26{font-size: 26rpx;}
.font28{font-size: 28rpx;}
.font30{font-size: 30rpx;}
.font32{font-size: 32rpx;}
.font34{font-size: 34rpx;}
.font36{font-size: 36rpx;}
.font38{font-size: 38rpx;}
.font40{font-size: 40rpx;}
.font50{font-size: 50rpx;}
.font56{font-size: 56rpx;}
.font-300{font-weight: 300;}
.font-400{font-weight: 400;}
.font-500{font-weight: 500;}
.font-600{font-weight: 600;}
.font-bold{font-weight: 700;}
.text-center{ text-align: center; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }
.img-white{box-shadow: 0 10rpx 24rpx 0 rgb(0 0 0 / 5%)}
.row { box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap;}
[class*='span-']{ min-height: 1px;box-sizing: border-box!important;}
.span-1{ width: 5%; } 
.span-2{ width: 10%; } 
.span-3{ width: 15%; } 
.span-4{ width: 20%;} 
.span-5{ width: 25%; } 
.span-6{ width: 30%; }
.span-7{ width: 35%; }
.span-8{ width: 40%; }
.span-9{ width: 45%; }
.span-48{ width: 48%; }
.span-10{ width: 50%; }
.span-3-1{width: 33.3%;}
.m-0 { margin-left: 0;margin-right: 0;margin-top: 0;margin-bottom: 0;}
.m { margin-left: 5rpx;margin-right: 5rpx;margin-top: 5rpx;margin-bottom: 5rpx;}
.m-1 { margin-left: 10rpx;margin-right: 10rpx;margin-top: 10rpx;margin-bottom: 10rpx;}
.m-2 { margin-left: 20rpx;margin-right: 20rpx;margin-top: 20rpx;margin-bottom: 20rpx;}
.m-3 { margin-left: 30rpx;margin-right: 30rpx;margin-top: 30rpx;margin-bottom: 30rpx;}
.m-4 { margin-left: 40rpx;margin-right: 40rpx;margin-top: 40rpx;margin-bottom: 40rpx;}
.m-5 { margin-left: 50rpx;margin-right: 50rpx;margin-top: 50rpx;margin-bottom: 50rpx;}
.mx-0 { margin-left: 0;margin-right: 0;}
.mx { margin-left: 5rpx;margin-right: 5rpx;}
.mx-1 { margin-left: 10rpx;margin-right: 10rpx;}
.mx-2 { margin-left: 20rpx;margin-right: 20rpx;}
.mx-3 { margin-left: 30rpx;margin-right: 30rpx;}
.mx-4 { margin-left: 40rpx;margin-right: 40rpx;}
.mx-5 { margin-left: 50rpx;margin-right: 50rpx;}

.my-0 { margin-top: 0;margin-bottom: 0;}
.my { margin-top: 5rpx;margin-bottom: 5rpx;}
.my-1 { margin-top: 10rpx;margin-bottom: 10rpx;}
.my-2 { margin-top: 20rpx;margin-bottom: 20rpx;}
.my-3 { margin-top: 30rpx;margin-bottom: 30rpx;}
.my-4 { margin-top: 40rpx;margin-bottom: 40rpx;}
.my-5 { margin-top: 50rpx;margin-bottom: 50rpx;}
.my-6 { margin-top: 60rpx;margin-bottom: 60rpx;}
.mt-0 { margin-top: 0;}
.mt { margin-top: 5rpx;}
.mt-auto { margin-top: auto;}
.mt-1 { margin-top: 10rpx;}
.mt-2 { margin-top: 20rpx;}
.mt-3 { margin-top: 30rpx;}
.mt-4 { margin-top: 40rpx;}
.mt-5 { margin-top: 50rpx;}
.mt-6 { margin-top: 60rpx;}
.mt-7 { margin-top: 70rpx;}
.mt-100 { margin-top: 100rpx;}
.mt-200 { margin-top: 200rpx;}
.mb-0 { margin-bottom: 0;}
.mb { margin-bottom: 5rpx;}
.mb-1x { margin-bottom: 15rpx;}
.mb-auto { margin-bottom: auto;}
.mb-1 { margin-bottom: 10rpx;}
.mb-2 { margin-bottom: 20rpx;}
.mb-3 { margin-bottom: 30rpx;}
.mb-4 { margin-bottom: 40rpx;}
.mb-5 { margin-bottom: 50rpx;}
.mb-7 { margin-bottom: 70rpx;}
.mb-8 { margin-bottom: 80rpx;}
.mb-10 { margin-bottom: 100rpx;}
.mb-15 { margin-bottom: 150rpx;}

/* d-flex view  view(ml-auto) */
.ml-0 { margin-left: 0;}
.ml { margin-left: 5rpx;}
.ml-1-5{margin-left: 15rpx;}
.ml-auto { margin-left: auto;}
.ml-1 { margin-left: 10rpx;}
.ml-2 { margin-left: 20rpx;}
.ml-3 { margin-left: 30rpx;}
.ml-4 { margin-left: 40rpx;}
.ml-5 { margin-left: 50rpx;}

.mr-0 { margin-right: 0;}
.mr { margin-right: 5rpx;}
.mr-auto{margin-right: auto;}
.mr-1 { margin-right: 10rpx;}
.mr-2 { margin-right: 20rpx;}
.mr-3 { margin-right: 30rpx;}
.mr-4 { margin-right: 40rpx;}
.mr-5 { margin-right: 50rpx;}
.mr-6 { margin-right: 60rpx;}

.p-0 {padding-left: 0;padding-right: 0;padding-top: 0;padding-bottom: 0;}
.p {padding-left: 5rpx;padding-right: 5rpx;padding-top: 5rpx;padding-bottom:5rpx;}
.p-1 {padding-left: 10rpx;padding-right: 10rpx;padding-top: 10rpx;padding-bottom: 10rpx;}
.p-2 {padding-left: 20rpx;padding-right: 20rpx;padding-top: 20rpx;padding-bottom: 20rpx;}
.p-3 {padding-left: 30rpx;padding-right: 30rpx;padding-top: 30rpx;padding-bottom: 30rpx;}
.p-4 {padding-left: 40rpx;padding-right: 40rpx;padding-top: 40rpx;padding-bottom: 40rpx;}
.p-5 {padding-left: 50rpx;padding-right: 50rpx;padding-top: 50rpx;padding-bottom: 50rpx;}

.px-0 { padding-left: 0;padding-right: 0;}
.px { padding-left: 5rpx;padding-right: 5rpx;}
.px-1 { padding-left: 10rpx;padding-right: 10rpx;}
.px-2 { padding-left: 20rpx;padding-right: 20rpx;}
.px-3 { padding-left: 30rpx;padding-right: 30rpx;}
.px-4 { padding-left: 40rpx;padding-right: 40rpx;}
.px-5 { padding-left: 50rpx;padding-right: 50rpx;}
.px-6 { padding-left: 60rpx;padding-right: 60rpx;}
.px-7 { padding-left: 70rpx;padding-right: 70rpx;}
.px-8 { padding-left: 80rpx;padding-right: 80rpx;}

.py-0 { padding-top: 0;padding-bottom: 0;}
.py { padding-top: 5rpx;padding-bottom: 5rpx;}
.py-1 { padding-top: 10rpx;padding-bottom: 10rpx;}
.py-1-5 { padding-top: 15rpx;padding-bottom: 15rpx;}
.py-2 { padding-top: 20rpx;padding-bottom: 20rpx;}
.py-3 { padding-top: 30rpx;padding-bottom: 30rpx;}
.py-4 { padding-top: 40rpx;padding-bottom: 40rpx;}
.py-5 { padding-top: 50rpx;padding-bottom: 50rpx;}

.pt-0 { padding-top: 0;}
.pt { padding-top: 5rpx;}
.pt-1 { padding-top: 10rpx;}
.pt-2 { padding-top: 20rpx;}
.pt-3 { padding-top: 30rpx;}
.pt-4 { padding-top: 40rpx;}
.pt-5 { padding-top: 50rpx;}
.pt-10{ padding-top: 100rpx;}
.pt-15{ padding-top: 150rpx;}

.pb-0 { padding-bottom: 0;}
.pb { padding-bottom: 5rpx;}
.pb-1 { padding-bottom: 10rpx;}
.pb-2 { padding-bottom: 20rpx;}
.pb-3 { padding-bottom: 30rpx;}
.pb-4 { padding-bottom: 40rpx;}
.pb-5 { padding-bottom: 50rpx;}
.pb-6 { padding-bottom: 60rpx;}
.pb-8 { padding-bottom: 80rpx;}
.pb-10 { padding-bottom: 100rpx;}
.pb-15{ padding-bottom: 150rpx;}

.pl-0 { padding-left: 0;}
.pl { padding-left: 5rpx;}
.pl-1 { padding-left: 10rpx;}
.pl-2 { padding-left: 20rpx;}
.pl-3 { padding-left: 30rpx;}
.pl-4 { padding-left: 40rpx;}
.pl-5 { padding-left: 50rpx;}

.pr-0 { padding-right: 0;}
.pr { padding-right: 5rpx;}
.pr-1 { padding-right: 10rpx;}
.pr-2 { padding-right: 20rpx;}
.pr-3 { padding-right: 30rpx;}
.pr-4 { padding-right: 40rpx;}
.pr-5 { padding-right: 50rpx;}
.bg-fff{background-color: #fff;}
.bg-000{background-color: #000;}
.bg-eee{background-color: #eeeeee;}
.bg-f6{background-color: #f6f6f6;}
.bg-f5{background-color: #f5f5f5;}
.bg-f8{background-color: #f8f8f8;}
.bg-cfeffa{background-color: #cfeffa;}
.bgf4f5f6{background-color: #f4f5f6;}
.bg-transparent{background-color: transparent;}
.bg-fa{background-color: #fafafa;}
.border-b-f6{border-bottom: solid 1px #f6f6f6;}
.border-b-e5{border-bottom: solid 1px #e5e5e5;}
.bg-main{background-color: #f064cf;}
.border-main{border: solid 1px #f064cf;}
.border-ccc{border: solid 1px #ccc;}
.border-ddd{border: solid 1px #ddd;}
.border-fff{border: solid 1px #fff;}
.border-e5{border: solid 1px #e5e5e5;}
.text-ellipsis{text-overflow: ellipsis;white-space: nowrap;color: inherit;line-height: 1.5;overflow: hidden}
.text-clamp{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;word-break: break-all;white-space: normal;}
.text-clamp-two{white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;word-wrap: break-word}
.status_bar {height: var(--status-bar-height);width: 100%}
.titlebarbar {position: relative;display: flex;flex-direction: row;height: 44px}
.isback{height: 44px;width:100rpx;text-align: center;line-height: 44px;color: #808080}
.square{width: 750rpx;height: 750rpx;}
.fullscreen{width: 100vw;height: 100vh;}
.linerbg{background-image: linear-gradient(to right, #ec65ce, #5daffe)}
@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.fast {-webkit-animation-duration: 800ms;animation-duration: 800ms;}
.animated.faster {-webkit-animation-duration: 500ms;animation-duration: 500ms;}
.animated.slow {-webkit-animation-duration: 2s;animation-duration: 2s;}
.animated.slower {-webkit-animation-duration: 3s;animation-duration: 3s;}
@media (print), (prefers-reduced-motion) {.animated {-webkit-animation: unset !important;animation: unset !important;-webkit-transition: none !important;transition: none !important;}}